<template>
  <div>
    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
      {{dd.a}}
      <el-input type="input" v-model="dd.a"></el-input>
       <el-form   label-width="80px">
            <!-- <el-form-item  :label="item" v-for="(item, index) in ['真实姓名','昵称','账号ID','手机号']" :key="index">
              <el-input  :disabled='true' v-model="value"></el-input>
            </el-form-item> -->
            <el-form-item  label="真实姓名" >{{petOwn.realname}}
              <el-input  :disabled='true' v-model="petOwn.realname"></el-input>
            </el-form-item>
            <el-form-item  label="昵称" >
              <el-input  :disabled='true' v-model="petOwn.nickname"></el-input>
            </el-form-item>
            <el-form-item  label="账号ID" >
              <el-input  :disabled='true' v-model="petOwn.email"></el-input>
            </el-form-item>
            <el-form-item  label="手机号" >
              <el-input  :disabled='true' v-model="petOwn.phoneNum"></el-input>
            </el-form-item>
          </el-form>
    </el-row>
  </div>
</template>

<script>
export default {
  data(){
    return {
      dd: {}, 
      pet: {avatar: '', id: '', nickname: '', catogory: '', age: 2},
      petOwn: {avatar: '', id: '', realname: null, nickname: '', email: '', phoneNum: ''},
      reg: {},
    }
  }
}
</script>

<style>

</style>